.overview {
  margin: 0 9%;

  ::v-deep {
    .el-table__empty-block {
      border-bottom: none;
    }

    .el-table .cell {
      padding: 0;
    }

    .el-table .el-table__cell.is-center {
      text-align: center;
      vertical-align: top;
      padding-top: 10px;
    }

    .el-table__body {
      -webkit-border-vertical-spacing: 5px;
    }

    .el-table td.el-table__cell,
    .el-table th.el-table__cell.is-leaf {
      border-bottom: 0;
    }
  }



  .date {
    display: flex;
    height: 88px;
    line-height: 88px;
    padding: 0 20px;
    background: linear-gradient(to right, #1d976c, #93f9b9);
    justify-content: space-between;
    cursor: pointer;
    border-radius: 4px;
    border: 3px solid #fff;

    &:hover {
      border-color: #f2709c;
    }

    .date-title {
      font-size: 20px;
      font-weight: 600;
      color: #fff;
    }

    .date-sub-title {
      background: url('~@/assets/img/mascot.png') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 48px;
      height: 65px;
      margin-right: 5px;
      margin-top: 0;
      position: relative;
      vertical-align: middle;
    }

    .date-sub-CC {
      background: url('~@/assets/img/daily/CC.png') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 50px;
      height: 50px;
      margin-right: 5px;
      margin-top: 8px;
      position: relative;
      vertical-align: middle;
    }

    .date-sub-GO {
      background: url('~@/assets/img/daily/GO.png') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 50px;
      height: 50px;
      margin-right: 5px;
      margin-top: 18px;
      position: relative;
      vertical-align: middle;
    }

    .date-sub-CH {
      background: url('~@/assets/img/daily/CH.png') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 50px;
      height: 50px;
      margin-right: 5px;
      margin-top: 18px;
      position: relative;
      vertical-align: middle;
    }

    .date-sub-DR {
      background: url('~@/assets/img/daily/DR.png') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 50px;
      height: 50px;
      margin-right: 5px;
      margin-top: 18px;
      position: relative;
      vertical-align: middle;
    }

    .date-sub-BR {
      background: url('~@/assets/img/daily/BR.png') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 50px;
      height: 50px;
      margin-right: 5px;
      margin-top: 18px;
      position: relative;
      vertical-align: middle;
    }

    .date-sub-GB {
      background: url('~@/assets/img/daily/GB.png') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 50px;
      height: 50px;
      margin-right: 5px;
      margin-top: 18px;
      position: relative;
      vertical-align: middle;
    }

    .date-sub-GD {
      background: url('~@/assets/img/daily/WE.png') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 40px;
      height: 40px;
      margin-right: 5px;
      margin-top: 18px;
      position: relative;
      vertical-align: middle;
    }

    .date-icon {
      padding: 5px 8px 0 0;
    }

    ::v-deep .el-icon-date:before {
      color: #fff;
      font-size: 45px;
    }
  }

  .date1 {
    cursor: text !important;

    &:hover {
      border-color: #fff;
    }

    .date-title1 {
      position: relative;
      bottom: 5px;
    }
  }

  .date-cell {
    font-size: 16px;
    font-weight: 600;

    &:hover {
      font-size: 18px;
      color: #02b2b5;
      cursor: pointer;
    }
  }

  .start-end {
    // background: url('~@/assets/img/logo2.jpg') center center no-repeat;
    background: url('~@/assets/svg/start.svg') center center no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    vertical-align: middle;
  }

  .item-scheduel {
    margin-top: -15px;

    .scheduel {
      background: url('~@/assets/svg/scheduel.svg') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 30px;
      height: 30px;
      position: relative;
      vertical-align: middle;
    }

    .medal {
      background: url('~@/assets/svg/medal.svg') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 30px;
      height: 30px;
      position: relative;
      vertical-align: middle;
    }

    .certificate {
      background: url('~@/assets/svg/certificate.svg') center center no-repeat;
      background-size: 100% 100%;
      display: inline-block;
      width: 40px;
      height: 40px;
      position: relative;
      vertical-align: middle;
    }

    .date-venue-title {
      font-size: 15px;
      font-weight: 600;
    }
  }
}